.cut-3d {
  position: relative;
  // overflow: hidden;
  perspective: 150;
  &--one, &--two {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-fill-mode: forwards;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    backface-visibility:hidden;
  }
  &--one {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    &__title {
      width: 100%;
      height: 40%;
      text-align: center;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
    }
    &__content {
      width: 100%;
      height: 60%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-start;
      margin-top: -20px;
      &__line {
        width: 60%;
        margin-left: 20%;
      }
    }
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
  }
  &--two {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: rotateX(-90deg);
  }
}